/*****logobox*****/
#header{position:fixed;top:0;width:100%;height:82px;z-index:100;background:rgba(0,0,0,.4)}
.w1600{max-width:92%;margin:auto;display:flex;align-items:center;justify-content:space-between;}
.w90{width:90%;margin:auto;}
.media,.media .media{margin-top:0;}
/*nav*/
#nav{width:60%;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:82px;}
#nav ul>li:before{position:absolute;content:'';top:0;left:50%;transform:translateX(-50%);display:block;width:0;height:82px;background-color:#2B5CC9;opacity:0;transition:all .5s ease;}
#nav ul>li:hover:before{width:100%;opacity:1;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;position:relative;z-index:2;}
#nav ul>li>a img{margin-left:5px;}
#nav ul>li.active>a{line-height:82px;background:#2B5CC9;}
#nav ul .submenu{position:fixed;top:82px;z-index:99;background:#fff;left:0;right:0;line-height:2;text-align:left;padding:2% 3%;display:none;}
.submenuflex{display:flex;align-items:center;}
.leftBox{width:20%}
.leftBox .oneName{font-size:.36rem;}
.leftBox p{font-size:.18rem;}
.leftBox .tNavMore{border-top:1px dashed #ddd;display:block;font-size:.16rem;margin-top:10px;padding-top:10px;}
.submenu .submenuflex ol{display:flex;margin:0 3%;} 
.submenu .submenuflex2 ol{justify-content:space-between;flex:1;} 
.submenu .submenuflex ol li{font-size:.16rem;margin:0 10px;}
.submenu .submenuflex ol li p{text-align:center;}
.submenu .submenuflex ol li b{font-weight:bold;text-align:left !important;}
.submenu .submenuflex ol li span{color:#666;font-size:.14rem;text-align:left;display:block;font-size:.13rem;}
.submenu .submenuflex ol li:hover img{transition:all .6s;transform:scale(1.05);}
.toptel{color:#fff;font-size:.22rem;background:url(../images/i.png) left center no-repeat;padding-left:30px;font-weight:bold;}
/*search*/
.search{margin-top:25px;float:right;width:148px;background:#f2f2f2;border-radius:30px;}
.search .sousu{width:90px;line-height:34px;padding-left:10px;padding-right:10px;color:#666;border:none;background:none;}
.search .sou-zi{background:url(../images/search.png) no-repeat;border:none;cursor:pointer;width:34px;height:34px;}

/***********************/
.index-title .t1{font-size:.4rem;font-weight:bold;}
.index-title .t2{font-size:.2rem;color:#666;}



/**********product*************/
.produ-list li a{display:block;position:relative;text-align:center;overflow:hidden;}
.produ-list li a img{max-width:100%;height:5.27rem}
.produ-list li a div{position:absolute;left:0;right:0;color:#fff;bottom:0;padding:.2rem 0;transform:translateY(100px);transition:all .6s;}
.produ-list li a div h3{font-size:.36rem;}
.produ-list li a div p{font-weight:bold;font-size:.16rem;}
.produ-list li a div span{display:inline-block;border:1px solid #fff;border-radius:30px;padding:.04rem .3rem;margin-top:.1rem;}
.produ-list li a:hover div{transform:translateY(0);background:rgba(0,0,0,.6);}


/**********advant*************/
.advant-list{background:#F1F1F1;padding:30px 0;}
.advant-list li{font-size:.22rem;color:#444;}
.advant-list li .advantBox{margin:0 10px;overflow:hidden;position:relative;}
.advant-list li img{width:100%;}
.mores a{border:2px solid #2b5cc9;color:#2b5cc9;font-size:.5rem;line-height:1;padding:0 .3rem;display:inline-block;}
.mores a:hover{background:#2b5cc9;color:#fff;}
.advant-list li:hover img{transition:all .6s;transform:scale(1.02);}


/**********network*************/
.network-cont{position:relative;overflow:hidden;}
.network-cont img{margin:auto;}
.network-add{position:absolute;bottom:10px;color:#fff;font-size:.18rem;right:1rem;}

.company{background:url(../images/abbg2.jpg) center no-repeat;background-size:cover;padding:1.3rem 0;}
.company-txt{width:50%;}
.company h3{font-size:.66rem;color:#15364f;margin-bottom:.4rem;}
.company p{font-size:.2rem;color:#fff;line-height:1.2;}

/**********news*************/
.news ul.tab_items li{font-size:.26rem;display:inline-block;margin-right:.4rem;cursor:pointer;font-weight:bold;}
.news ul.tab_items li.active{color:#2b5cc9;}
.news .news-cont li a{display:block;}
.news .news-cont li a span{display:block;height:3.6rem;overflow:hidden;}
.news .news-cont li a img{transition:all .6s;width:100%;height:100%;}
.news .news-cont li:hover img{transform:scale(1.05);}
.news .news-cont li strong{display:block;font-weight:normal;font-size:.2rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news-cont li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;}


/**********footer*************/
#footer{background:#f1f1f1;overflow:hidden;}
.foot .foot-nav{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:.6rem 0;}
.foot .foot-nav dl dt{font-size:.24rem;}
.foot .foot-nav dl dd a{font-size:.16rem;color:#7b7b7b;}
.foot .foot-nav dl dd a:hover{color:#2b5cc9}
.foot-contact{padding:.5rem 0;display:flex;justify-content:space-between;align-items:center;}
.foot-contact p{font-size:.18rem}
.copyright{background:#11376D;color:#fff;font-size:.18rem;text-align:center;padding:.15rem 0;}
.copyright a{color:#fff;}


/**********内页*************/
.breadcrumbList{font-size:.16rem;color:#777;background:#F9F9F9;padding:.2rem 0;}
.breadcrumbList em{padding:0 5px;}
.breadcrumbList a{padding:0 5px;}
.main-left{width:70%;float:left;}
.main-right{width:20%;float:right;}
.mainri-menu{border:10px solid #f0f0f0;padding:.2rem;box-shadow:-12px 12px 0 #e3e3e3;}
.mainri-menu .tt1{font-size:.26rem;font-weight:bold;}
.mainri-menu li{border-bottom:1px solid #f0f0f0;font-size:.2rem;padding:.25rem 0;}
.mainri-menu li:hover a{transition:all .6s;padding-left:10px;}
.mainri-menu2 li{font-size:.18rem;font-weight:bold;}
.mainri-menu2 li p{font-weight:normal;color:#777;font-size:.14rem;}
.fenye{text-align:center;}
.fenye ul{display:flex;justify-content:center;}
.fenye li{margin:0 3px;display:inline-block}
.fenye li a{border:1px solid #ddd;height:34px;display:inline-block;line-height:34px;font-size:.16rem;padding:3px 15px;}
/*.fenye li:first-child a,.fenye li:last-child a{padding:0 .1rem;width:auto;}*/
.fenye li:hover a{background:#2B5CC9;color:#fff;border:1px solid #2B5CC9;}
.fenye li.active a{background:#2B5CC9;color:#fff;border:1px solid #2B5CC9;}


/**********内页*************/
.productList li .line{position:relative;margin-top:10px;width:100%;height:2px;}
.productList li .line:before{content: '';position: absolute;right: 0px;display: block;width: 30px;height: 1px;
background: #999;transition: all .5s ease;}
.productList li a{display:block;overflow:hidden;box-shadow:-3px 0px 13px 2px #ebebeb;}
.productList li a span{width:100%;display:block;/*height:3rem;*/overflow:hidden;}
.productList li a span img{width:100%;height:3.4rem;transition:all .6s;}
.productList li .productBox{padding:.15rem;}
.productList li .productBox .proTitle{display:flex;justify-content:space-between;font-size:.17rem;}
.productList li .productBox .proTitle i{font-size:.2rem;}
.productList li:hover .line:before{width:100%;background:#fff;}
.productList li:hover a{background:#2B5CC9;color:#fff;}
.productList li:hover a span img{transform:scale(1.07)}



/**********产品详情页*************/
.product-pic img{margin-right:.3rem;width:6rem;}
.product-pic h3{font-weight:bold;font-size:.36rem;color:#2b5cc9;padding:.1rem 0;border-bottom:1px #666 solid;line-height:1.5;}
.product-pic p{color:#555;font-size:.16rem;margin-bottom:.2rem;}
.product-pic li{font-size:.17rem;color:#444;border-bottom:1px solid #666;display:flex;justify-content:space-between;padding:.03rem 0;}
.product-pic a{display:inline-block;border-radius:.1rem;background:#2b5cc9;color:#fff;padding:.1rem .2rem;font-size:.16rem;margin-top:.3rem;}
.product-pic a:hover{background:#444;}
.product-content .t1{font-size:.24rem;border-bottom:4px solid #f1f1f1;padding-bottom:.1rem;}
.product-content p{font-size: .16rem;}

/**********新闻列表页*************/
.newsList li{margin-bottom:.2rem;}
.newsList li a{display:flex;justify-content:space-between;align-items:center;background:#F7F7F7;padding:.2rem;}
.newsList li a .pic{width:27%;overflow: hidden;}
.newsList li a .pic img{width:100%}
.newsList li a .article{margin-left:.3rem;}
.newsList li a .article h3{font-size:.24rem;}
.newsList li a p{margin:.15rem 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsList li a .newYear{color:#999;}
.newsList li:hover a img{transform:scale(1.04);transition:all .6s;}
.news-detail h1{font-weight:bold;}
.news-detail .data{color:#666;}
.news-detail .newsdetail-cont{border-top:1px solid #ddd;margin-top:.2rem;padding-top:.2rem;}
.topfenye{display:flex;justify-content:space-between;}
.topfenye a{background:#eee;padding:.1rem;display:inline-block;margin-top:.1rem;}
.topfenye a:hover{background:#2B5CC9;color:#fff;}


/**********联系我们*************/
.contact{display:flex;justify-content:space-between}
.contact .contact-map{flex:7;}
.contact .contact-txt{border:1px solid #ddd;padding:.2rem .4rem;flex:2;box-sizing: border-box;}
.contact .contact-txt li{border-bottom:1px solid #ddd;padding:.1rem 0;}
.contact .contact-txt li div{display:flex;align-items:center;font-size:.18rem;}
.contact .contact-txt li div i{margin-right:.2rem;}
.contact .contact-txt li div b{display:block;line-height:1.2;}
.contact .contact-txt li i{color:#2B5CC9;font-size:.3rem;}


.productmenuList li{margin-bottom:.2rem;}
.productmenuList li a{display:block;background:url(../images/proBg.jpg) center no-repeat;background-size:cover;text-align:center;padding:.4rem;}
.productmenuList li a strong{display:block;font-size:.24rem;font-weight:bold;}
.productmenuList li a span{color:#2b5cc9;font-size:.16rem;}
.productmenuList li a img{transition:.6s;margin:auto;}
.productmenuList li:hover a img{transform:scale(1.1)}





.index-title .t1,.index-title .t2,.produ-list li{-webkit-animation: fadeInUp  1s 0s linear;animation: fadeInUp 1s 0s linear;}
.advant-list{-webkit-animation: fadeInUp  1s 0s linear;animation: fadeInUp 1s 0s linear;}
.advant-list li:nth-child(1){-webkit-animation: fadeInLeft  1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.advant-list li:nth-child(2){-webkit-animation: fadeInUp  1s 0s linear;animation: fadeInUp 1s 0s linear;}
.advant-list li:nth-child(3){-webkit-animation: fadeInRight  1s 0s linear;animation: fadeInRight 1s 0s linear;}
.network-cont{-webkit-animation: fadeInUp  1s 0s linear;animation: fadeInUp 1s 0s linear;}
.company{-webkit-animation: fadeInLeft  1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.news{-webkit-animation: fadeInRight  1s 0s linear;animation: fadeInRight 1s 0s linear;}
#footer{-webkit-animation: fadeInLeft  1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.main-left{-webkit-animation: fadeInLeft  1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.main-right{-webkit-animation: fadeInRight  1s 0s linear;animation: fadeInRight 1s 0s linear;}

/*footer-tools*/
.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#00317D;height:1rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;height:.88rem;padding-top:.1rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}
@media only screen and (min-width: 1280px) and (max-width: 1600px){
	
}
@media only screen and (min-width: 991px) and (max-width: 1024px){
.navBtn{display:none;}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	.navBtn{display:none;}
	#nav{width:66%}
	.toptel{font-size:12px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#nav{width:70%}
	.toptel{display:none;}
}

@media only screen and (min-width: 640px) and (max-width: 768px){
	#header{height:60px;background:#fff;}
	#header .w1600{max-width:100%;padding:0 10px;}
	.main-left,.main-right{width:100%}
	.mt70{margin-top:.4rem !important}
	.mainri-menu{box-shadow:none;border:none;}
.mainri-menu li{width:50%;float:left;padding:.05rem 0}
.product-pic img{float:none !important;}
.topfenye,.contact{display:inherit}

}

@media only screen and (min-width: 320px) and (max-width: 640px){
#header{height:60px;background:#fff;}
#header .w1600{max-width:100%;padding:0 10px;height:60px;}
/*自主加的css样式--------------------------*/
#footer{padding-bottom:1rem;margin-top:15px;}
body{font-size:12px !important;}
.advant-list{background:none;padding:0;}
.advant-list li .advantBox,.newsList li a .pic{margin:0;}
.advant-list li .advantBox div{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:10px;}
.company h3{font-size:.3rem;}
.main-left,.main-right{width:100%}
.mainri-menu{box-shadow:none;border:none;}
.mainri-menu li{width:50%;float:left;padding:.05rem 0}
.mt70{margin-top:.4rem !important}
.product-pic img{float:none !important;}
.newsList li a{display:inherit;background:none;padding:0;border-bottom:2px solid #eee;}
.topfenye,.contact{display:inherit}
.logo img{width:2.9rem;}
.newsList li a .pic{display: none}
.newsList li a .article{margin:0;}
}
.swiper-container{width:100%;height:100vh;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}

@media screen and (max-width:1024px){
  .swiper-container{height:400px;}
}
@media screen and (max-width:767px){
  .swiper-container{height:350px;margin-top:60px;}
  .nybann{height:160px;margin-top:60px;}
  .nybann img{width:100%;height:100%}

  .main-left{float: none; padding: 0 15px; box-sizing: border-box;}
  .main-left .layui-col-xs4{float: none; width: 100%; box-sizing: border-box;}
}
@media screen and (max-width:665px){
  .swiper-container{height:380px;}
}
@media screen and (max-width:560px){
  .swiper-container{height:240px;}
}
@media screen and (max-width:414px){
  .swiper-container{height:220px;}
}
@media screen and (max-width:375px){
  .swiper-container{height:200px;}
}